<template>
	<view class="show-attr dir-left-nowrap cross-center">
		<view class="box-grow-0 black">
			选择
		</view>
		<view class="select-str gray">{{select_str}}</view>
		<image class="icon" src="/static/image/icon/arrow-right.png"></image>
	</view>
</template>

<script>
    export default {
        name: "show-attr",
	    
	    props: [`select_str`]
    }
</script>

<style scoped lang="scss">
	.show-attr {
		padding: #{35upx 24upx};
		background-color: #ffffff;
		font-size: #{25upx};
		line-height: 1;

		.icon {
			width: #{12upx};
			height: #{22upx};
		}
		.select-str {
			padding-left: #{50upx};
			width: #{630upx};
			word-break: break-all;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp:1;
			overflow: hidden;
			white-space: normal;
		}
	}
</style>